
/* 字体为偶数 从12~40 */
@for $i from 10 through 48 {
	@if ($i%2 == 0) {
		.sh-fs-#{$i} {
			font-size: #{$i}rpx;
		}
	}
}

/* padding margin 边距 均为2的倍数 */
$directions: (
	't': 'top',
	'b': 'bottom',
	'l': 'left',
	'r': 'right'
);
$dimensions: (
	'p': 'padding',
	'm': 'margin'
);

@each $dim in $dimensions {
	@each $dir in $directions {
		@for $i from 2 through 100 {
			.sh-#{nth($dim, 1)}-#{nth($dir, 1)}-#{$i} {
				#{nth($dim, 2)}-#{nth($dir, 2)}: #{$i}rpx;
			}
		}
	}
}

@each $dim in $dimensions {
	@for $i from 2 through 100 {
		.sh-#{nth($dim,1)}-#{$i} {
			#{nth($dim, 2)}: #{$i}rpx;
		}
	}
}

@for $i from 2 through 100 {
	.sh-m-l-r-#{$i} {
		margin: 0 #{$i}rpx;
	}
	.sh-m-t-b-#{$i} {
		margin: #{$i}rpx 0;
	}

	.sh-p-l-r-#{$i} {
		padding: 0 #{$i}rpx;
	}
	.sh-p-t-b-#{$i} {
		padding: #{$i}rpx 0;
	}
}

.wrap {
	flex-wrap: wrap;
}

.flex {
	display: flex;
}

.flex-ac {
	display: flex;
	align-items: center;
}

.flex-ac-jcsb {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flex-st-jcc {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.flex-st-jcsb {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.flex-ac-jcc {
	display: flex;
	align-items: center;
	justify-content: center;
}

.flex-ac-end {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.flex-1 {
	flex: 1;
}

.fw-500 {
	font-weight: 500;
}

.fw-600 {
	font-weight: 600;
}
.fw-blod {
	font-weight: bold;
}

.t-d-lh {
	text-decoration: line-through;
	color: #333 !important;
}

.radius16 {
	border-radius: 16rpx;
}

.tac{
	text-align: center;
}
